<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>用户登录</title>
        <link rel="stylesheet"
            href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
            <link rel="stylesheet" type="text/css" href="./css/styles.css">
            <script src="./js/jQuery.js"></script>
            <script src="./js/mine.js"></script>
            <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
            <script
            src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
            <script
            src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
        </head>
        <body>
            <div class="alert" id="alert"
            style="position: absolute; width: 100%; padding: 0px"></div>
            <div class="jq22-container" style="padding-top: 100px;">
                <div class="login-wrap">
                    <div class="login-html">
                        <input id="tab-1" type="radio" name="tab" class="sign-in" checked><label
                        for="tab-1" class="tab">登录</label> <input id="tab-2" type="radio"
                        name="tab" class="sign-up"><label for="tab-2" class="tab">注册</label>
                        <div class="login-form">
                            <div class="sign-in-htm">
                                <form id="login_form">
                                    <div class="group">
                                        <label for="user" class="label">用户名</label> <input id="user"
                                        type="text" class="input" name="name">
                                    </div>
                                    <div class="group">
                                        <label for="pass" class="label">密码</label> <input id="pass"
                                        type="password" class="input" data-type="password" name="pwd">
                                    </div>
                                    <div class="group">
                                        <input id="check" type="checkbox" class="check" checked>
                                        <label for="check"><span class="icon"></span> 保持自动登录</label>
                                    </div>
                                    <div class="group">
                                        <input type="button" class="button" value="登录" id="login">
                                    </div>
                                    <div class="hr"></div>
                                    <div class="foot-lnk">
                                        <a href="#forgot">忘记密码?</a>
                                    </div>
                                </form>
                            </div>
                            <div class="sign-up-htm">
                                <form>
                                    <div class="group">
                                        <label for="user" class="label">用户名</label> <input id="user"
                                        type="text" class="input">
                                    </div>
                                    <div class="group">
                                        <label for="pass" class="label">密码</label> <input id="pass"
                                        type="password" class="input" data-type="password">
                                    </div>
                                    <div class="group">
                                        <label for="pass" class="label">再次输入密码</label> <input id="pass"
                                        type="password" class="input" data-type="password">
                                    </div>
                                    <div class="group">
                                        <label for="pass" class="label">邮箱</label> <input id="pass"
                                        type="text" class="input">
                                    </div>
                                    <div class="group">
                                        <input type="submit" class="button" value="Sign Up">
                                    </div>
                                    <div class="hr"></div>
                                    <div class="foot-lnk">
                                        <label for="tab-1"><a>已经注册?</a></label>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </body>
    </html>